<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SVNBucket 网站首页</title>
    <link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <script src="js/jquery3.3.min.js"></script>

</head>

<body>
    <!--header+nav-->
    <div class="container-fluid navCont">
        <div class="logo">SVNBucket</div>
        <ul class="nav hidden-xs">
            <li><a href="">首页</a></li>
            <li><a href="html/jiange.html">价格</a></li>
            <li><a href="">小程序</a></li>
            <li><a href="html/关于我们.html">关于我们</a></li>
            <li class="teach">
                <a href="#">SVN教程 +</a>
                <div class="slidNav1">
                    <a href="html/yblcourse.html">SVN使用教程</a>
                    <a href="#">SVN客户端下载</a>
                    <a href="#">SVN常用命令</a>
                    <a href="#">SVN忽略教程</a>
                    <a href="#">SVN钩子使用教程</a>
                    <a href="#">Eclipse安装SVN插件</a>
                    <a href="#">idea使用SVN教程</a>
                    <a href="#">Pycharm中使用SVN的配置教程</a>
                    <a href="#">SVN视频教程</a>
                    <a href="#">SVN和Git的真相与误解</a>
                    <a href="#">更多SVN教程</a>
                </div>
            </li>
            <li class="more">
                <a href="#">更多产品 +</a>
                <div class="slidNav2">
                    <a href="html/kfzgj.html">接口文档工具</a>
                    <a href="html/Toolsfun.html">开发者工具箱</a>
                </div>
            </li>
            <!-- <li class="items"><a href="#" style="color:#000;">项目列表</a></li> -->
            <div class="items"><a class="item" href="#">项目列表</a></div>
        </ul>
        <div class="menu visible-xs-block" id="mobile"></div>
        <div class="mobileNav">
            <h1 id="flod"> > </h1>
            <a href="#">首页</a>
            <a href="#">价格</a>
            <a href="#">小程序</a>
            <a href="#">关于我们</a>
            <a href="#">< SVN教程</a>
            <a href="#">< 更多产品</a>
            <div id="itmesList">项目列表</div>
        </div>
    </div>
    <!--banner-->
    <div class="container-fluid banCont">
        <div class="banBg">
            <img class="star_large" src="img/in_star_large.png" alt="星球">
            <img class="spaceman" src="img/in_spaceman.png" alt="宇航员">
            <img class="galaxy_r" src="img/in_galaxy_r.png" alt="星系系统">
            <img class="spaceship" src="img/in_spaceship.png" alt="火箭">
            <img class="star_small" src="img/in_star_small.png" alt="小星球">
            <img class="galaxy_l" src="img/in_galaxy_l.png" alt="小星系">
            <img class="building" src="img/in_buildings.png" alt="城市建筑">
        </div>
        <div class="title">
            <h1>好用的SVN代码托管平台</h1>
            <p>SVNBucket是一个SVN代码托管服务器，提供了可视化的管理界面，操作变的简单、方便；提供超大SVN空间；知名厂商OPPO的选择，安全稳定，长久运营</p>
            <div class="register">马上注册体验</div>
        </div>
    </div>
    <!--feature-->
    <div class="container-fliud feaBg">
        <h1>功能特色</h1>
        <div class="container funCont">
            <!-- <div class="fun col-lg-6">
                <img src="img/test.svg">
                <div class="funText">
                    <p>不限私有项目</p>
                    <p>你可以创建无数个SVN仓库，添加无数个项目成员</p>
                </div>
            </div> -->
        </div>
    </div>
    <!--items-->
    <div class="container-fluid itBg itBg0">
        <!-- <div class="container itC">
            <div class="itCont col-lg-4 col-xs-12">
                <h1>项目管理</h1>
                <p>可视化的项目管理界面，远离命令行管理项目的繁琐；支持从第三方SVN仓库导入SVNBucket；可自定义项目模板，一键创建统一目录/文件结构的项目；支持3种项目列表展示方式和标星操作，再多的项目也可以轻松管理。</p>
            </div>
            <div class="col-lg-8 col-xs-12"><img src="img/test2.png"></div>
        </div> -->
    </div>
    <div class="container-fluid itBg itBg1"></div>
    <div class="container-fluid itBg itBg2"></div>
    <div class="container-fluid itBg itBg3"></div>
    <div class="container-fluid itBg itBg4"></div>

    <!--Administration-->
    <div class="container-fluid admiBg">
        <h1>随时随地</h1>
        <h1>管理你的SVN项目</h1>
        <div class="container admBg">
            <div class="col-lg-6 col-xs-12 admImg"><img src="img/test3.png"></div>
            <div class="adItems col-lg-6 col-xs-12">
                <h3>无论手机端，还是PC端都能轻松的工作</h3>
                <div class="admiRight">
                    <div>
                        <img src="img/in_mobile.svg">
                        <p> 移动端 （小程序）</p>
                    </div>
                    <div>
                        <img src="img/in_computer.svg">
                        <p>电脑端(Web)</p>
                    </div>
                </div>

            </div>

        </div>
    </div>

    <!--footer-->
    <div class="container-fluid footBg">
        <div class="footTop">
            <p>友情链接：</p>
            <a href="#">开发者工具箱</a>
            <a href="#">APP文档工具</a>
        </div>
        <div class="footBottom">
            <a href="#" class="borRight">粤ICP备17148260号</a>
            <a href="#" class="borRight">广州云科信息科技有限公司</a>
            <a href="#">服务条款</a>
        </div>
    </div>
    <script src="js/index.js"></script>
</body>

</html>